// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');

// Instanciation du tabgroup
var tabGroup = Titanium.UI.createTabGroup();

//
// Onglet Offres de stages
//
var win1 = Titanium.UI.createWindow({
    title:'Offres',
    url:'onglets/offres.js',
    backgroundColor:'#fff'
});
var tab1 = Titanium.UI.createTab({
    icon:'icons/offres.png',
    title:'Offres',
    window:win1
});

var label1 = Titanium.UI.createLabel({
    color:'#999',
    text:'Contenu des Offres de stage',
    font:{
        fontSize:20,
        fontFamily:'Helvetica Neue'
    },
    textAlign:'center',
    width:'auto'
});

win1.add(label1);

//
// Onglet Candidatures
//
var win2 = Titanium.UI.createWindow({
    title:'Mes candidatures',
    backgroundColor:'#fff'
});
var tab2 = Titanium.UI.createTab({
    icon:'icons/add.png',
    title:'Candidatures',
    window:win2
});

var label2 = Titanium.UI.createLabel({
    color:'#999',
    text:'Vous avez ',
    font:{
        fontSize:20,
        fontFamily:'Helvetica Neue'
    },
    textAlign:'center',
    width:'auto'
});

win2.add(label2);

//
// Onglet Moteur de recherche
//
var win3 = Titanium.UI.createWindow ({
    title:'Recherche',
    backgroundColor:'#fff'
})
var tab3 = Titanium.UI.createTab({
    icon:'icons/document_search.png',
    title:'Recherche',
    window:win3
});

var label3 = Titanium.UI.createLabel({
    color:'#999',
    text:'Onglet Moteur de recherche : ',
    font:{
        fontSize:20,
        fontFamily:'Helvetica Neue'
    },
    textAlign:'center',
    width:'auto'
});

win3.add(label3);

//
// Onglet Profil utilisateur
//
var win4 = Titanium.UI.createWindow ({
    title:'Mon profil',
    backgroundColor:'#fff'
})
var tab4 = Titanium.UI.createTab({
    icon:'icons/profil_edit.png',
    title:'Profil',
    window:win4
});

var label4 = Titanium.UI.createLabel({
    color:'#999',
    text:'Onglet Mon profil',
    font:{
        fontSize:20,
        fontFamily:'Helvetica Neue'
    },
    textAlign:'center',
    width:'auto'
});

win4.add(label4);

//
//  ajout des onglets au tabgroup
//
tabGroup.addTab(tab1);
tabGroup.addTab(tab2);
tabGroup.addTab(tab3);
tabGroup.addTab(tab4);

// affichage du tabgroup
setTimeout(function()
{
    tabGroup.open({
        transition:Ti.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT
    });
});